<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>关于</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f2f2f2;
        }
        .container {
            width: 60%;
            margin: 50px auto;
            padding: 20px;
            background-color: #fff;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        h1, h2 {
            text-align: center;
            color: #333;
        }
        ul {
            list-style-type: none;
            padding: 0;
        }
        ul li {
            margin-bottom: 10px;
            padding: 10px;
            background-color: #e9ffe9;
            border: 1px solid #c6ffc6;
            border-radius: 4px;
        }
        .division {
            margin-top: 20px;
        }
        .division p {
            padding: 10px;
            background-color: #e9e9ff;
            border: 1px solid #c6c6ff;
            border-radius: 4px;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>关于项目</h1>
        
        <h2>项目完成成员</h2>
        <ul>
            <li>林瑶----------组长</li>
            <li>吕哲同--------组员</li>
            <li>李祖骏--------组员</li>
            <li>王欢----------组员</li>
            <li>任程骏--------组员</li>
        </ul>
        
        <div class="division">
            <h2>项目分工</h2>
            <p><strong>林瑶:</strong> 负责项目后台系统管理、资料管理、前台个人中心。</p>
            <p><strong>吕哲同:</strong> 负责前台视频教程、资料下载。</p>
            <p><strong>李祖骏:</strong> 负责后台互动管理、前台留言板。</p>
            <p><strong>王欢:</strong> 负责登录、注册、关于。</p>
            <p><strong>任程骏:</strong> 负责软件测试、部署上线。</p>
        </div>
    </div>
</body>
</html>
